<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>顶部导航条</title>
  <link rel="stylesheet" href="../css/reset.css" type="text/css">
  <link rel="stylesheet" href="../css/topbar-1.css" type="text/css">
</head>
<body>
<!--顶部-->
<div class="topbar">
  <div class="container clearfix ">
    <div class="welcome leftfix">
      <span class="hello">尚品汇欢迎您</span>
      <span>请</span>
      <a href="#" class="login">登录</a>
      <a href="#" class="register">免费注册</a>
    </div>

    <div class="top-nav rightfix">
      <ul class="list">
        <li><a href="#">我的订单</a></li>
        <li><a href="#">我的购物车</a></li>
        <li><a href="#">我的尚品汇</a></li>
        <li><a href="#">尚品汇会员</a></li>
        <li><a href="#">企业采购</a></li>
        <li><a href="#">关于尚品汇</a></li>
        <li><a href="#">合作招商</a></li>
        <li><a href="#">商家后台</a></li>
      </ul>
    </div>

  </div>
</div>
<!--头部-->
<div class="header">
  <div class="container" style="height: 120px;background-color: #b3d4fc">

  </div>
</div>
<!--主导航-->
<div class="main-nav">
  <div class="container clearfix">
    <div class="all-type leftfix">全部尚品分类</div>
    <ul class="list leftfix clearfix">
      <li><a href="#">尚品超市</a></li>
      <li><a href="#">优惠劵</a></li>
      <li><a href="#">买啥</a></li>
      <li><a href="#">尚品家电</a></li>
      <li><a href="#">尚品海鲜</a></li>
      <li><a href="#">PLUS会员</a></li>
      <li><a href="#">进口好物</a></li>
      <li><a href="#">品牌闪购</a></li>
      <li><a href="#">拍卖</a></li>
      <li><a href="#">五金商店</a></li>
    </ul>
  </div>

</div>

</body>
</html>
